/*
	1. 评论列表div
	2. 评论项div
	3. 评论项左侧头像
	4. 评论项右侧头部
	5. 评论项右侧内容
	6. 评论项右侧页脚
	7. 评论项子项列表
	8. 评论输入div
	9. 评论输入左侧头像
	10. 评论输入右侧输入框
	11. 评论输入右侧页脚
	12. 子评论输入div
	13. 加载更多
	*/
/* 不会写css的我 这里只是画几个div框而已  2020年7月15日 Vic.xu************************************************/
/* 评论div 列表*/
.comments-box {
	border-radius: 5px;
	margin: 5px;
	background-color: #fff;
}

/* 子评论div 列表*/
.comments-sub-box {
}

/*评论项*/
.comments-item {
	border: 1px dashed whitesmoke;
	margin: 5px;
	background-color: #FAFAFA;;
	padding: 5px;
	/* border-top: 1px solid #002B36; */
	border-radius: 5px;
}

/*评论子项*/
.comments-sub-item {
	margin-left: 25px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #fff;
	border-radius: 6px;

}
/* 左侧头像 */
.comments-item-left {
	float: left;
	margin-right: 10px;
	padding:10px;
	width: 58px;
}

.comments-item-left img {
	width: 38px;
}

/* 评论项 右侧 */
.comments-item-right {
	float: left;
	width: calc(100% - 68px);
}

/* 评论项 右侧 头 */
.comments-item-right-header {

}
.comments-item-right-header strong{
	font-size: 12px;
}
.comments-item-right-header small{
	margin: auto 5px;
}
.comments-item-right-header span{
	font-size: 11px;
}

/* 评论项 右侧 内容 */
.comments-item-right-content {
	margin-top: 5px;
	padding: 2px;
	border: 1px dashed #edeeff;
	border-radius: 3px;
	font-size: 11px;
}
/* 评论项 右侧 footer */
.comments-item-right-footer {
	padding: 1px 10px;
	text-align: right;
}

/**
 * 评论输入框
 */
.comments-form {
	margin: 5px;
	background-color: #FAFAFA;
	border-radius: 5px;
}

.comments-form-left {
	float: left;
	padding:5px;
}

.comments-form-left div {
	width: 48px;
	font-size: 10px;
}
.comments-form-left img {
	margin: 5px;
	width: 38px;
}

.comments-form-right {
	margin-top: 10px;
	padding: 8x;
	float: right;
	margin-left: 12px;
	width: calc(100% - 70px);

}

.comments-form-right textarea {
	width: 100%;
	border-color: #B1DFBB;
	box-shadow: 0 0 10px #719ECE;
	border-radius: 3px;
	font-size: 11px;
}

.comments-form-right textarea:focus {
	outline: none !important;
	border-color: #719ECE;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(55, 236, 197, 0.6);
}

.comments-form-right-footer {
	text-align: right;
	margin-bottom: 5px;
}

/* 加载更多 */
.load-more{
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #7c65ff;
	vertical-align: middle;
}
/* 加载更多 */
.load-more:hover {
	color: #0000FF;
	font-size: 12px;
}
